<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0, width=device-width"/>
	<title>我的红包</title>
	<link rel="stylesheet" type="text/css" href="../css/api.css" />
	<link rel="stylesheet" type="text/css" href="../css/common.css" />
	<link rel="stylesheet" type="text/css" href="../css/myredPacket.css" />
</head>
<style type="text/css">
html,body{
	background: #FFF;
}
	#userdetail{
		
box-sizing:border-box;

-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
		width: 100%;
		overflow: hidden;
  display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    flex-direction: row;
    display: flex;
    display: -webkit-flex;
    flex-flow: row;
     -webkit-box-align: center;   
     -moz-box-align: center;   
     -ms-flex-align: center;   
  -webkit-align-items: center;   
          align-items: center;   
  -webkit-box-pack: center;   
     -moz-box-pack: center;   
     -ms-flex-pack: center;   
    
		background-color: #FF0000;
		padding: 20px;
	
	}
	#userImg img{

		border-radius: 40px;
	}
	#userTxt{
		 -webkit-box-flex: 1; 
    -webkit-flex: 1;
    flex: 1;
		box-sizing:border-box;
		width: 100%;
		
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		display: block;
		margin-left: 20px;
		color: #fff;
	}
	#userTxt span{

		box-sizing:border-box;
		overflow: hidden;
		width: 100%;
		-webkit-box-sizing:border-box;
	}
	#userName{
		display: block;
		font-size: 18px;
		margin-bottom: 5px;
	}
	#u-nav ul{
-webkit-box-align: center;   
     -moz-box-align: center;   
     -ms-flex-align: center;   
  -webkit-align-items: center;   
          align-items: center;   
  -webkit-box-pack: center;   
     -moz-box-pack: center;   
     -ms-flex-pack: center;   
   
  display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    height: 34px;
    background-color: #fff;
    border-bottom: 1px solid #f3f3f3;
	}
	#u-nav ul li{
		text-align: center;
		width: 50%;
		padding: 8px 1px;

		
	}
	#u-nav ul li.active{
		color: #FF0000;
		border-bottom: 2px solid #FF0000;
		margin-top:1px;
		
	}
	
	
</style>
<body>
<script id='usable-template' type="text/x-dot-template">
{{if(it==''){}}
<div style='padding-top: 40px;color: #999;text-align: center;font-size: 12px'>您没有可用红包，单次消费满5元就可以领！</div>
{{}else{}}

{{for(var i=0; i< it.length; i++) { }}
		<li class="clearFix">
            <div class="fl account">
                <div class="nu">¥<span class="value">{{=parseInt(it[i].money)}}</span></div>
            </div>
            <div class="fl details">
                <dd>{{=it[i].remark}}</dd>
                <dt>猫购平台使用</dt>
   				{{if(it[i].type=='Y'){}}
                <dt>直减红包</dt>
                {{}else{}}
                <dt>满{{=it[i].m_money}}元使用</dt>
                {{}}}
                <dt>至{{=it[i].m_time}}</dt>
            </div>
        </li>
	{{}}}
{{}}}
	
	
</script>

	<div >
			
		<div data-pro="entry">
                    <div id="pro-view-6">
                        <div data-pro="loading">

                             <div class="content">
                                    <ul id="usable-content">
                                                                                
                                                                              
                                  	</ul>
                                </div>
                         </div>
                        </div>
                        <div class="w-bonus-list" data-pro="list"></div>
                        <div data-pro="more"></div>
                    </div>
	</div>
	
	
</body>
	<script type="text/javascript" src="../script/zepto.min.js"></script>
	<script type="text/javascript" src="../script/api.js"></script>
	<script type="text/javascript" src="../script/doT.min.js"></script>
	<script type="text/javascript" src="../script/common.js"></script>
	<script type="text/javascript" src="../script/usable.js"></script>
	
</html>